<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/xiaomi.css">
</head>

<body>
    <header>
        <div class="head-con">
            <div class="nav">

                <li>
                    <a href="">小米商城</a>
                </li>
                <li>
                    <a href="">MIUI</a>
                </li>
                <li>
                    <a href="">lOT</a>
                </li>
                <li>
                    <a href="">云服务</a>
                </li>
                <li>
                    <a href="">金融</a>
                </li>
                <li>
                    <a href="">有品</a>
                </li>
                <li>
                    <a href="">小爱开放平台</a>
                </li>
                <li>
                    <a href="">企业团购</a>
                </li>
                <li>
                    <a href="">直播</a>
                </li>
                <li>
                    <a href="">资质证照</a>
                </li>
                <li>
                    <a href="">协议规则</a>
                </li>
                <li>
                    <a href="">下载APP</a>
                </li>
                <li style="border-right:none; ">
                    <a href="">Select Locatio</a>
                </li>

            </div>
            <div class="navbox1">
                <li>
                    <a href="login.html">登入</a>
                </li>
                <li>
                    <a href="register.html">注册</a>
                </li>
                <li style="border-right:none; ">
                    <a href="">消息通知</a>
                </li>
            </div>
            <button>
                <img src="images/xm (1).jpg" alt="">&nbsp; 购物车（0）</button>
        </div>
    </header>
    <div class="top">
        <h1></h1>
        <div class="topnav">
            <li>
                <a href="">小米手机</a>
            </li>
            <li>
                <a href="">Redmi 红米</a>
            </li>
            <li>
                <a href="">电视</a>
            </li>
            <li>
                <a href="">笔记本</a>
            </li>
            <li>
                <a href="">家电</a>
            </li>
            <li>
                <a href="">路由器</a>
            </li>
            <li>
                <a href="">智能硬件</a>
            </li>
            <li>
                <a href="">服务</a>
            </li>
            <li>
                <a href="">社区</a>
            </li>
        </div>
        <input type="text" name="" id="" placeholder="小米9 pro 5G      Redmi noto 8" ;>
        <button></button>

    </div>
    <div class="banner">
        <div class="bannerleft">
            <div class="bannerleftbox">
                <li>
                    <a href="">手机&nbsp; 电话卡</a>
                </li>
                <li>
                    <a href="">电视&nbsp; 盒子</a>
                </li>
                <li>
                    <a href="">笔记本&nbsp; 显示器&nbsp; 平板</a>
                </li>
                <li>
                    <a href="">家电&nbsp; 插线板</a>
                </li>
                <li>
                    <a href="">出行&nbsp; 穿戴</a>
                </li>
                <li>
                    <a href="">智能&nbsp; 路由器</a>
                </li>
                <li>
                    <a href="">电源&nbsp; 配件</a>
                </li>
                <li>
                    <a href="">健康&nbsp; 儿童</a>
                </li>
                <li>
                    <a href="">耳机&nbsp; 音响</a>
                </li>
                <li>
                    <a href="">生活&nbsp;箱包 </a>
                </li>
            </div>

        </div>
        <div class="bannerright"></div>
    </div>
    <div class="miaosha">
        <div class="miaoshaleft">
            <a href="#">
                <div class="miaoshaleftbox1">
                    <i>小米秒杀</i>
                </div>
            </a>
            <a href="#">
                <div class="miaoshaleftbox2">
                    <i>企业团购</i>
                </div>
            </a>
            <a href="">
                <div class="miaoshaleftbox3">
                    <i>F码通道</i>
                </div>
            </a>
            <a href="#">
                <div class="miaoshaleftbox4">
                    <i>米粉卡</i>
                </div>
            </a>
            <a href="#">
                <div class="miaoshaleftbox5">
                    <i>以旧换新</i>
                </div>
            </a>
            <a href="#">
                <div class="miaoshaleftbox6">
                    <i>话费充值</i>
                </div>
            </a>

        </div>
        <a href="#">
            <div class="miaoshaleft2"></div>
        </a>
        <a href="#">
            <div class="miaosharight1"></div>
        </a>
        <a href="#">
            <div class="miaosharight2"></div>
        </a>

    </div>
    <div class="first">
        <div class="firsttop">
            <div class="firsttopleft">
                小米闪购
            </div>
            <div class="firsttopright">
                <button><</button>
                 <button>></button>
            </div>

        </div>
        <div class="firstleft">
            <div class="time1">14:00 场</div>
            <div class="flbox1"></div>
            <div class="flbox2">
                距离结束还有
            </div>
            <div class="flbox3">
                <button>02</button>:
                <button>19</button>:
                <button>27</button>
            </div>
        </div>
        <div class="firstleft1">
            <div class="fl1box1"></div>
            <div class="fl1box2">米家自动洗手机套装 莎莉定...</div>
            <div class="fl1box3">随时释放“超萌力”</div>
            <div class="fl1box4">
                <i>109元</i>
                <del>129元</del>
            </div>
        </div>
        <div class="firstmain">
            <div class="fmbox1"></div>
            <div class="fmbox2">小米米家智能摄像机 白色</div>
            <div class="fmbox3">智能侦察 安全守护</div>
            <div class="fmbox4">
                <i>99元</i>
                <del>129元</del>
            </div>
        </div>
        <div class="firstright1">
            <div class="fr1box1"></div>
            <div class="fr1box2">米家恒温电水壶 白色</div>
            <div class="fr1box3">一杯水的温度，刚刚好</div>
            <div class="fr1box4">
                <i>169元</i>
                <del>199元</del>
            </div>
        </div>
        <div class="firstright2">
            <div class="fr2box1"></div>
            <div class="fr2box2">米家 wiha 8合1棘轮螺丝刀...</div>
            <div class="fr2box3">轻巧集成 无忧家装</div>
            <div class="fr2box4">
                <i>89元</i>
                <del>99元</del>
            </div>
        </div>
    </div>
    <div class="banner1"></div>
    <div class="photo">
        <div class="phototop">
            <div class="topleft">
                手机
            </div>
            <div class="topright">查看全部</div>
        </div>
        <div class="photoleft"></div>
        <div class="photoright">
            <div class="p1">
                <div class="p1box1"></div>
                <div class="p1box2">Redmi K30</div>
                <div class="p1box3">120Hz流速屏，全速热爱</div>
                <div class="p1box4">
                    <i>1599元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p2">
                <div class="p2box1"></div>
                <div class="p2box2">Redmi K30 5G</div>
                <div class="p2box3">双模5G,120Hz流速屏</div>
                <div class="p2box4">
                    <i>1999元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p3">
                <div class="p3box1"></div>
                <div class="p3box2">小米CC9 Pro</div>
                <div class="p3box3">一亿像素，五摄四闪</div>
                <div class="p3box4">
                    <i>2599元起</i>
                    <del>2799元</del>
                </div>
            </div>
            <div class="p4">
                <div class="p4box1"></div>
                <div class="p4box2">Redmi 8</div>
                <div class="p4box3">5000mAh超长续航</div>
                <div class="p4box4">
                    <i>699元起</i>
                    <del>799元</del>
                </div>
            </div>
            <div class="p5">
                <div class="p5box1"></div>
                <div class="p5box2">Redmi 8A</div>
                <div class="p5box3">5000mAh超长续航</div>
                <div class="p5box4">
                    <i>599元起</i>
                    <del>699元</del>
                </div>
            </div>
            <div class="p6">
                <div class="p6box1"></div>
                <div class="p6box2">Redmi Noto 8 Pro</div>
                <div class="p6box3">6400万全场景四摄</div>
                <div class="p6box4">
                    <i>1199元起</i>
                    <del>1399元</del>
                </div>
            </div>
            <div class="p7">
                <div class="p7box1"></div>
                <div class="p7box2">Redmi Noto 8 </div>
                <div class="p7box3">千元4800万四摄</div>
                <div class="p7box4">
                    <i>899元起</i>
                    <del>999元</del>
                </div>
            </div>
            <div class="p8">
                <div class="p8box1"></div>
                <div class="p8box2">Redmi K20 尊享版 </div>
                <div class="p8box3">晓龙855plus,弹出全面屏</div>
                <div class="p8box4">
                    <i>2799元起</i>
                    <del>2199元</del>
                </div>
            </div>
        </div>
    </div>
    <div class="banner2"></div>
    <div class="photo">
        <div class="phototop">
            <div class="topleft">
                手机
            </div>
            <div class="topright">查看全部</div>
        </div>
        <div class="photoleft"></div>
        <div class="photoright">
            <div class="p1">
                <div class="p1box1"></div>
                <div class="p1box2">Redmi K30</div>
                <div class="p1box3">120Hz流速屏，全速热爱</div>
                <div class="p1box4">
                    <i>1599元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p2">
                <div class="p2box1"></div>
                <div class="p2box2">Redmi K30 5G</div>
                <div class="p2box3">双模5G,120Hz流速屏</div>
                <div class="p2box4">
                    <i>1999元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p3">
                <div class="p3box1"></div>
                <div class="p3box2">小米CC9 Pro</div>
                <div class="p3box3">一亿像素，五摄四闪</div>
                <div class="p3box4">
                    <i>2599元起</i>
                    <del>2799元</del>
                </div>
            </div>
            <div class="p4">
                <div class="p4box1"></div>
                <div class="p4box2">Redmi 8</div>
                <div class="p4box3">5000mAh超长续航</div>
                <div class="p4box4">
                    <i>699元起</i>
                    <del>799元</del>
                </div>
            </div>
            <div class="p5">
                <div class="p5box1"></div>
                <div class="p5box2">Redmi 8A</div>
                <div class="p5box3">5000mAh超长续航</div>
                <div class="p5box4">
                    <i>599元起</i>
                    <del>699元</del>
                </div>
            </div>
            <div class="p6">
                <div class="p6box1"></div>
                <div class="p6box2">Redmi Noto 8 Pro</div>
                <div class="p6box3">6400万全场景四摄</div>
                <div class="p6box4">
                    <i>1199元起</i>
                    <del>1399元</del>
                </div>
            </div>
            <div class="p7">
                <div class="p7box1"></div>
                <div class="p7box2">Redmi Noto 8 </div>
                <div class="p7box3">千元4800万四摄</div>
                <div class="p7box4">
                    <i>899元起</i>
                    <del>999元</del>
                </div>
            </div>
            <div class="p8">
                <div class="p8box1"></div>
                <div class="p8box2">Redmi K20 尊享版 </div>
                <div class="p8box3">晓龙855plus,弹出全面屏</div>
                <div class="p8box4">
                    <i>2799元起</i>
                    <del>2199元</del>
                </div>
            </div>
        </div>
    </div>
    <div class="banner2"></div>
    <div class="photo">
        <div class="phototop">
            <div class="topleft">
                手机
            </div>
            <div class="topright">查看全部</div>
        </div>
        <div class="photoleft"></div>
        <div class="photoright">
            <div class="p1">
                <div class="p1box1"></div>
                <div class="p1box2">Redmi K30</div>
                <div class="p1box3">120Hz流速屏，全速热爱</div>
                <div class="p1box4">
                    <i>1599元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p2">
                <div class="p2box1"></div>
                <div class="p2box2">Redmi K30 5G</div>
                <div class="p2box3">双模5G,120Hz流速屏</div>
                <div class="p2box4">
                    <i>1999元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p3">
                <div class="p3box1"></div>
                <div class="p3box2">小米CC9 Pro</div>
                <div class="p3box3">一亿像素，五摄四闪</div>
                <div class="p3box4">
                    <i>2599元起</i>
                    <del>2799元</del>
                </div>
            </div>
            <div class="p4">
                <div class="p4box1"></div>
                <div class="p4box2">Redmi 8</div>
                <div class="p4box3">5000mAh超长续航</div>
                <div class="p4box4">
                    <i>699元起</i>
                    <del>799元</del>
                </div>
            </div>
            <div class="p5">
                <div class="p5box1"></div>
                <div class="p5box2">Redmi 8A</div>
                <div class="p5box3">5000mAh超长续航</div>
                <div class="p5box4">
                    <i>599元起</i>
                    <del>699元</del>
                </div>
            </div>
            <div class="p6">
                <div class="p6box1"></div>
                <div class="p6box2">Redmi Noto 8 Pro</div>
                <div class="p6box3">6400万全场景四摄</div>
                <div class="p6box4">
                    <i>1199元起</i>
                    <del>1399元</del>
                </div>
            </div>
            <div class="p7">
                <div class="p7box1"></div>
                <div class="p7box2">Redmi Noto 8 </div>
                <div class="p7box3">千元4800万四摄</div>
                <div class="p7box4">
                    <i>899元起</i>
                    <del>999元</del>
                </div>
            </div>
            <div class="p8">
                <div class="p8box1"></div>
                <div class="p8box2">Redmi K20 尊享版 </div>
                <div class="p8box3">晓龙855plus,弹出全面屏</div>
                <div class="p8box4">
                    <i>2799元起</i>
                    <del>2199元</del>
                </div>
            </div>
        </div>
    </div>
    <div class="banner2"></div>
    <div class="photo">
        <div class="phototop">
            <div class="topleft">
                手机
            </div>
            <div class="topright">查看全部</div>
        </div>
        <div class="photoleft"></div>
        <div class="photoright">
            <div class="p1">
                <div class="p1box1"></div>
                <div class="p1box2">Redmi K30</div>
                <div class="p1box3">120Hz流速屏，全速热爱</div>
                <div class="p1box4">
                    <i>1599元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p2">
                <div class="p2box1"></div>
                <div class="p2box2">Redmi K30 5G</div>
                <div class="p2box3">双模5G,120Hz流速屏</div>
                <div class="p2box4">
                    <i>1999元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p3">
                <div class="p3box1"></div>
                <div class="p3box2">小米CC9 Pro</div>
                <div class="p3box3">一亿像素，五摄四闪</div>
                <div class="p3box4">
                    <i>2599元起</i>
                    <del>2799元</del>
                </div>
            </div>
            <div class="p4">
                <div class="p4box1"></div>
                <div class="p4box2">Redmi 8</div>
                <div class="p4box3">5000mAh超长续航</div>
                <div class="p4box4">
                    <i>699元起</i>
                    <del>799元</del>
                </div>
            </div>
            <div class="p5">
                <div class="p5box1"></div>
                <div class="p5box2">Redmi 8A</div>
                <div class="p5box3">5000mAh超长续航</div>
                <div class="p5box4">
                    <i>599元起</i>
                    <del>699元</del>
                </div>
            </div>
            <div class="p6">
                <div class="p6box1"></div>
                <div class="p6box2">Redmi Noto 8 Pro</div>
                <div class="p6box3">6400万全场景四摄</div>
                <div class="p6box4">
                    <i>1199元起</i>
                    <del>1399元</del>
                </div>
            </div>
            <div class="p7">
                <div class="p7box1"></div>
                <div class="p7box2">Redmi Noto 8 </div>
                <div class="p7box3">千元4800万四摄</div>
                <div class="p7box4">
                    <i>899元起</i>
                    <del>999元</del>
                </div>
            </div>
            <div class="p8">
                <div class="p8box1"></div>
                <div class="p8box2">Redmi K20 尊享版 </div>
                <div class="p8box3">晓龙855plus,弹出全面屏</div>
                <div class="p8box4">
                    <i>2799元起</i>
                    <del>2199元</del>
                </div>
            </div>
        </div>
    </div>
    <div class="banner2"></div>
    <div class="photo">
        <div class="phototop">
            <div class="topleft">
                手机
            </div>
            <div class="topright">查看全部</div>
        </div>
        <div class="photoleft"></div>
        <div class="photoright">
            <div class="p1">
                <div class="p1box1"></div>
                <div class="p1box2">Redmi K30</div>
                <div class="p1box3">120Hz流速屏，全速热爱</div>
                <div class="p1box4">
                    <i>1599元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p2">
                <div class="p2box1"></div>
                <div class="p2box2">Redmi K30 5G</div>
                <div class="p2box3">双模5G,120Hz流速屏</div>
                <div class="p2box4">
                    <i>1999元起</i>
                    <del></del>
                </div>
            </div>
            <div class="p3">
                <div class="p3box1"></div>
                <div class="p3box2">小米CC9 Pro</div>
                <div class="p3box3">一亿像素，五摄四闪</div>
                <div class="p3box4">
                    <i>2599元起</i>
                    <del>2799元</del>
                </div>
            </div>
            <div class="p4">
                <div class="p4box1"></div>
                <div class="p4box2">Redmi 8</div>
                <div class="p4box3">5000mAh超长续航</div>
                <div class="p4box4">
                    <i>699元起</i>
                    <del>799元</del>
                </div>
            </div>
            <div class="p5">
                <div class="p5box1"></div>
                <div class="p5box2">Redmi 8A</div>
                <div class="p5box3">5000mAh超长续航</div>
                <div class="p5box4">
                    <i>599元起</i>
                    <del>699元</del>
                </div>
            </div>
            <div class="p6">
                <div class="p6box1"></div>
                <div class="p6box2">Redmi Noto 8 Pro</div>
                <div class="p6box3">6400万全场景四摄</div>
                <div class="p6box4">
                    <i>1199元起</i>
                    <del>1399元</del>
                </div>
            </div>
            <div class="p7">
                <div class="p7box1"></div>
                <div class="p7box2">Redmi Noto 8 </div>
                <div class="p7box3">千元4800万四摄</div>
                <div class="p7box4">
                    <i>899元起</i>
                    <del>999元</del>
                </div>
            </div>
            <div class="p8">
                <div class="p8box1"></div>
                <div class="p8box2">Redmi K20 尊享版 </div>
                <div class="p8box3">晓龙855plus,弹出全面屏</div>
                <div class="p8box4">
                    <i>2799元起</i>
                    <del>2199元</del>
                </div>
            </div>
        </div>
    </div>
    <div class="banner2"></div>
    <div class="voido">
        <div class="voidotop">
            <div class="vdtopleft">视频</div>
            <div class="vdtopright">查看更多</div>
        </div>
        <div class="voidobox1">
            <div class="one"></div>
            <div class="two">小米Max Alpha 开箱视频</div>
        </div>
        <div class="voidobox2">
            <div class="box2one"></div>
            <div class="box2two">小米5G新品手机发布会</div>
        </div>
        <div class="voidobox3">
            <div class="box3one"></div>
            <div class="box3two">Redmi Note 8 系列发布会</div>
        </div>
        <div class="voidobox4">
            <div class="box4one"></div>
            <div class="box4two">小米电视5 创新背后的故事</div>
        </div>



    </div>
    <div class="footnav">
        <div class="fntop">
            <li>
                <a href="">
                    <img src="images/xm (93).jpg" alt="">预约维修服务</a>
            </li>
            <li>
                <a href="">
                    <img src="images/xm (94).jpg" alt="">7天无理由退货</a>
            </li>
            <li>
                <a href="">
                    <img src="images/xm (95).jpg" alt="">15天免费换货</a>
            </li>
            <li>
                <a href="">
                    <img src="images/xm (96).jpg" alt="">满99元包邮</a>
            </li>
            <li style="border: none">
                <a href="">
                    <img src="images/xm (97).jpg" alt="">520余家售后网点</a>
            </li>
        </div>
        <div class="fnbox"></div>
        <div class="fnone">
            <h4>帮助中心</h4>
            <br>
            <li>
                <a href="">账户管理</a>
            </li>
            <li>
                <a href="">购物指南</a>
            </li>
            <li>
                <a href="">订单操作</a>
            </li>
        </div>
        <div class="fntwo">
            <h4>服务支持</h4>
            <br>
            <li>
                <a href="">售后政策</a>
            </li>
            <li>
                <a href="">自助服务</a>
            </li>
            <li>
                <a href="">相关下载</a>
            </li>
        </div>
        <div class="fnthree">
            <h4>线下门店</h4>
            <br>
            <li>
                <a href="">小米之家</a>
            </li>
            <li>
                <a href="">服务网点</a>
            </li>
            <li>
                <a href="">授权体验店</a>
            </li>
        </div>
        <div class="fnfour">
            <h4>关于小米</h4>
            <br>
            <li>
                <a href="">了解小米</a>
            </li>
            <li>
                <a href="">加入小米</a>
            </li>
            <li>
                <a href="">投资者关系</a>
            </li>
        </div>
        <div class="fnfive">
            <h4>关注我们</h4>
            <br>
            <li>
                <a href="">新浪微博</a>
            </li>
            <li>
                <a href="">官方微信</a>
            </li>
            <li>
                <a href="">联系我们</a>
            </li>
        </div>
        <div class="fnsix">
            <h4>特色服务</h4>
            <br>
            <li>
                <a href="">F码通道</a>
            </li>
            <li>
                <a href="">礼物码</a>
            </li>
            <li>
                <a href="">防伪查询</a>
            </li>
        </div>
        <div class="fnright">
            <h3>400-100-5678</h3>
            <h4>周一至周日8：00-18：00</h4>
            <h5>仅收市话费</h5>
            <div class="fnrightbox">人工客服</div>
        </div>
    </div>
    <footer>
        <div class="footer-con">
            <div class="footerleft">
            </div>
            <div class="footerbox1">
                <li>小米商城</li>
                <li>MIUI</li>
                <li>米家</li>
                <li>米聊</li>
                <li>多看</li>
                <li>游戏</li>
                <li>音乐</li>
                <li>路由器</li>
                <li>米粉卡</li>
                <li>政企服务</li>
                <li>小米天猫店</li>
                <li>小米集团隐私政策</li>
                <li>小米儿童公司信息保护规则</li>
                <li>小米商城隐私政策</li>
                <li>小米商城用户协议</li>
                <li>问题反馈</li>
                <li>廉政举报</li>
                <li>诚信合规</li>
                <li style="border: none">Select Locatio</li>
            </div>
            <div class="ftbox2">&copy; mi.com 京ICP证110507号 京ICP备10046444号 京公安备110 10802020134号 京网文[2017]1530-131号 </div>
            <div class="ftbox3">(京)网械平台备字（2018）第00005号 互联网药品信息服务资格证 （京）-非经营性-2014-0090 营业执照 医疗器械质量公告</div>
            <div class="ftbox4">增值电信业务许可证 网络食品经营备案 （京）【2018】 WLSP JYBAHF-12 食品经营许可证</div>
            <div class="ftbox5">违法和不良信息举报电话:185-0130-1238 知识产权侵权投诉 本网店所列数据，除特殊说命，所有数据均出自我司实验室测试</div>
            <div class="ftbox6"></div>
            <div class="ftbox7"></div>
            <div class="ftbox8"></div>
            <div class="ftbox9"></div>
            <div class="last">探索黑科技，小米为发烧而生！</div>
        </div>
    </footer>
    <div class="end">
        <div class="end1"></div>
        <div class="end2"></div>
        <div class="end3"></div>
        <div class="end4"></div>
        <div class="end5"></div>

    </div>
</body>

</html>